<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <!-- 浏览器解析这行代码的时候,会自动给服务器发送请求获取css文件 -->
    <!-- 基于网络交互的相对路径,相对的是当前页面的url地址 -->
    <!-- 注册页面的url地址: http://localhost:5000/register/a/b/c/d. 
    ./xxx 会覆盖当前页面url地址中path的最后一个 ==> http://localhost:5000/register/a/b/c/index.css

    ../xxx 会覆盖当前页面url地址中path的最后两个 ==> http://localhost:5000/register/a/b/index.css

    ../../xxx 会覆盖当前页面url地址中path的最后三个 ==> http://localhost:5000/register/a/index.css 
    
    ../../../../../../index.css 当前页面的url地址不够覆盖了,则直接从端口号后面开始 ==>http://localhost:5000/index.css 

     注意: 如果相对路径不写./ 其实就是./的简写

     /xxx 则不管当前html中有多少个path,全部覆盖,直接从端口号后面开始
     ==> http://localhost:5000/index.css
    -->
    <link rel="stylesheet" href="./css/index.css" />
  </head>
  <body>
    <div class="box">
      <h1>注册页面</h1>
      <form action="http://localhost:5000/registe" method="post">
        用户名<input type="text" name="username" /><br />
        密码: <input type="password" name="password" /> <br />
        确认密码: <input type="password" /> <br />
        <button>注册</button>
      </form>
    </div>
  </body>
</html>
